<template>
  <div>
      <el-dropdown trigger="click">
  <span class="el-dropdown-link">
    下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
      <el-checkbox-group v-model="checkList">
    <el-checkbox v-for="(v,i) in cityOptions" :key="i" :label="i">{{v}}</el-checkbox>
  
  </el-checkbox-group>
  </el-dropdown-menu>
</el-dropdown>
  <button @click="handle">点我啊啊啊啊啊啊啊</button>
  </div>
</template>

<script>
export default {
data () {
    return {
        checkList:[],
        cityOptions : ['上海', '北京', '广州', '深圳','深圳','深圳','上海', '北京', '广州', '深圳','深圳','深圳'],
        data:{
            city:1,
            time:2017-11-111,
        }
    }

},
methods: {
    handle(){
        console.log(this.checkList);
    },
    abc(){
      
        

    }
}
}
</script>

<style lang="less" scoped>
/deep/.el-checkbox-group{
    width: 100px;
}
</style>